*{
    margin: 0px;
    padding: 0px;


}

body,
html {
    height: 100%;
    overflow: hidden;
    background: url(../img/login13.png) no-repeat;
    background-size: 1536px 650px;
}

.all{
    width: 100%;
    height: 100%;
    /* background: url(../img/login5.webp) no-repeat; */

    margin-top: 0;
}

.login-header{
    margin-top: 25px;
}

.a1{
    display: block;
    width: 280px;
    height: 80px;
    margin-left: 170px;
}
.login-logo{
    display: block;
    width: 300px;
    height: 80px;
    /* background-size: contain; */

}

.login-contanier{
    margin-top: 40px;
    overflow: hidden;
}

/* .login-contanier-left{
    float: left;
    margin-left: 160px;
    width: 520px;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 80px;
    width: 480px;
} */

/* .contanier-left-img{
    display: block;
    margin-top: 25px;
    margin-left: 20px;
} */

.login-contanier-right{
    float: left;
    overflow: hidden;
    margin-top: 65px;
    margin-bottom: 80px;
    margin-left: 610px;
    background-color:rgb(0 0 0);
    border-radius: 30px;
    opacity: 0.58;
    box-shadow: 0 0 100px rgb(231 222 10);
    border: #b4ae1b36 3px solid;
    height: 390px;
}
/* 手机密码登录 */
.phone{
    float: left;
    overflow: hidden;
    margin-top: 25px;
    width: 347px;
}

.login-chosse{
    height: 25px;
    width: 247px;
    margin-top: 55px;
    margin-left: 50px;
}

.login-chosse .a{
    float: left;
    color: white;
    margin-left: 25px;
    margin-right: 20px;
}

.login-phone{
    float: left;
    height: 25px;
    width: 90px;
    margin-left: 5px;

}

.login-chosse .login-phone {
    font-size: 14px;
    color: white;
    text-decoration: none;
    background-color:rgb(0 0 0);
    /* opacity: 0.9; */
    border: none;
}

.login-chosse .login-phone:hover{
    color: #23c6e3;
}

.login-message{
    float: left;
    height: 25px;
    width: 90px;
    margin-left: 10px;
}

.login-chosse .login-message {
    font-size: 14px;
    color: white;
    text-decoration: none;
    background-color:rgb(0 0 0);
    /* opacity: 0.58; */
    border: none;
    /* box-shadow:0 0 1px #fff */
}

.login-chosse .login-message:hover{
    color: #1d92d5;
}

.phone-name{
    display: block;
    height: 35px;
    width: 247px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    outline: none;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    float: left;
    border-radius: 10px;
    margin-left: 50px;
    background-color: #fff;
}

.phone-pwd{
    display: block;
    height: 35px;
    width: 247px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    outline: none;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    float: left;
    border-radius: 10px;
    margin-left: 50px;
    background-color: #fff;
    margin-top: 35px;
}
input.phone-name::placeholder{
    color:#0d0101 ;
    position: relative;
    left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

input.phone-pwd::placeholder{
    color:#0d0101 ;
    position: relative;
    left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}


.phone .login-btn{
    text-align: center;
    color: #0d0101;
    background: #fff;
    margin-top: 35px;
    width: 247px;
    height: 50px;
    border: none;
    border-radius: 30px;
    cursor:pointer;
    margin-left: 50px;
    font-size: 15px;
}

.phone .login-btn:hover{
    background-color: #1d92d5;
    color: white;
}

.phone .loading a{
    text-decoration: none;
    color: #fff;
}
/* 验证码登录 */
.message{
    float: left;
    overflow: hidden;
    margin-top: 25px;
    width: 347px;
    display:none ;
}
.phone .loading{

    text-align: center;
    margin-top: 40px;
}

.message-text{
    display: block;
    height: 35px;
    width: 247px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    outline: none;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    float: left;
    border-radius: 10px;
    margin-left: 50px;
    background-color: #fff;
}

.message-yanzheng-text{
    display: block;
    height: 35px;
    width: 150px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    outline: none;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    float: left;
    border-radius: 10px;
    margin-left: 50px;
    background-color: #fff;
    margin-top: 35px;
}

.yanzheng-btn{
    display: block;
    height: 38px;
    width: 80px;
    border-left: none;
    border-right: none;
    border-top: none;
    /* border-bottom: 1px solid #e5e5e5; */
    font-size: 14px;
    outline: none;
    padding-left: 0px;
    padding-bottom: 3px;
    padding-top: 3px;
    float: left;
    border-radius: 10px;
    margin-left: 16px;
    background-color: #fff;
    margin-top: 27px;
    color: #0d0101;
}

.yanzheng-btn:hover{
    background-color: #1561c4da;
    color: white;
}

.message-text:nth-of-type(n+2){
    margin-top: 35px;
}
input.message-text::placeholder{
    color:#0d0101 ;
    position: relative;
    left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

input.message-yanzheng-text::placeholder{
    color:#0d0101 ;
    position: relative;
    left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.message .loginCode-btn{
    text-align: center;
    color: #0d0101;
    background: #fff;
    margin-top: 35px;
    width: 247px;
    height: 50px;
    border: none;
    border-radius: 30px;
    cursor:pointer;
    margin-left: 50px;
    font-size: 15px;
}

.message .login-btn:hover{
    background-color: #1d92d5;
    color: white;
}

.message .loading a{
    text-decoration: none;
    color: #fff;
}

.message .loading{

    text-align: center;
    margin-top: 40px;
}

input.change::placeholder{
    color: #b50c0cd9;
    font-size: 14px;
    padding-bottom: 3px;
    padding-top: 3px;
}